<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<link href="css/style.css" rel="stylesheet" type="text/css" />
		<link rel="stylesheet" type="text/css" href="font/iconfont.css" />
		<title>倒一手</title>
	</head>

	<body>
		<div id="boxs" class="box">
			<div class="topping clearfix">
				<div class="t-1 float-left">
					<a href="#boxs" title="主页">
						<img src="img/1.jpg" height="85px" />
					</a>
				</div>
				<div class="float-right">
					<a class="t-2" href="#boxs">主页</a>
					<a class="t-2" href="#abouts">关于</a>
					<a class="t-2" href="#services">服务</a>
					<a class="t-2" href="#contacts">联系我们</a>
					<div class="search float-right">
						<a href="#">
							<img src="img/finding.png" height="19px" />
						</a>
					</div>
				</div>
			</div>
			<div class="hero clearfix">
				<div class="hero-inner">
					::before
					<div class="hero-h">
						<p>大学生 "倒一手"</p>
					</div>
					<div class="hero-desc">
						<p>致力于提高大学生们各类文件物品利用率，减少资源的浪费</p>
					</div>
					<div class="hero-selc claerfix">
						<a href="#services">
							<div class="hero-selc-l float-left">
								<p>我们的服务</p>
							</div>
						</a>
						<a href="#details">
							<div class="hero-selc-r float-right">
								<p>从这里开始</p>
							</div>
						</a>
					</div>
					<div class="hero-down">
						<a href="#abouts"><img src="img/down.png" width="25px" /></a>
					</div>
				</div>
			</div>
			<div id="abouts" class="about clearfix">
				<div class="inner">
					<div class="hs">
						<p>关于我们</p>
					</div>
					<div class="desc">
						<p>针对于大学生手里的闲置书籍，文具以及体育用品的租借、出售和交换的市场场景，通过线上线下双方位的服务模式，解决限制类文体物品的无法处理的问题</p>
					</div>
				</div>
				<div class="about-img">
					<div class="img-1 float-left">
						<a href="#">
							<img src="img/a/web.png" height="56px" />
							<p>互联网线下交流</p>
						</a>
					</div>
					<div class="img-1 float-left">
						<a href="#">
							<img src="img/a/exch.png" height="56px" />
							<p>产品信息</p>
						</a>
					</div>
					<div class="img-1 float-left">
						<a href="#">
							<img src="img/a/idea.png" height="56px" />
							<p>更好的服务</p>
						</a>
					</div>
				</div>
			</div>
			<div id="services" class="service clearfix">
				<div class="inner claerfix">
					<div class="hs">
						<p>我们的服务</p>
					</div>
					<div class="desc">
						<p>通过线上线下双方位的服务模式，解决闲置文体类物品的无法处理的问题,使闲置资源在学生之间可以流通并充分利用，提高了文体物品利用率，减少资源的浪费</p>
					</div>
				</div>
				<div class="sv-ph claerfix">
					<div class="ph-1 float-left">
						<i class="iconfont icon-cellphone"></i>
						<p>手机搜索</p>
						<a href="#">
							<div class="ph-sel">查阅更多</div>
						</a>
					</div>
					<div class="ph-1 float-left">
						<i class="iconfont icon-cellphone"></i>
						<p>及时查阅</p>
						<a href="#">
							<div class="ph-sel">查阅更多</div>
						</a>
					</div>
					<div class="ph-1 float-left">
						<i class="iconfont icon-cellphone"></i>
						<p>分类</p>
						<a href="#">
							<div class="ph-sel">查阅更多</div>
						</a>
					</div>
				</div>
			</div>
			<div id="details" class="detail clearfix">
				<div class="inner">
					<div class="hs">
						<p>细节展示</p>
					</div>
					<div class="desc">
						<p>来自大学生各类闲置物品，通过交换闲置物品和提高大学生社会实践和处理文体类旧物的能力</p>
					</div>
				</div>
				<div class="det-img">
					<div class="img-2 clearfix">
						<div class="imgs-1 float-left">
							<img src="img/b/c.jpg" height="280px" />
						</div>
						<div class="imgs-in float-left">
							<div class="imgs-h">
								<a href="#">保险柜</a>
							</div>
							<div class="imgs-desc">
								<p>有效地保障了学生们的财务安全</p>
							</div>
						</div>
					</div>
					<div class="img-2 clearfix">
						<div class="imgs-in float-left">
							<div class="imgs-h">
								<a href="#">线下交易</a>
							</div>
							<div class="imgs-desc">
								<p>更方便同学们随时直接交易</p>
							</div>
						</div>
						<div class="imgs-1 float-left">
							<img class="float-right" src="img/b/b.jpg" height="280px" />
						</div>
					</div>
					<div class="img-2 clearfix">
						<div class="imgs-1 float-left">
							<img src="img/b/a.jpg" height="280px" />
						</div>
						<div class="imgs-in float-left">
							<div class="imgs-h">
								<a href="#">交易公平公正</a>
							</div>
							<div class="imgs-desc">
								<p>我们会在公平公正的交易下为您带来更好地服务</p>
							</div>
						</div>
					</div>
				</div>
				<div class="more">
					<a href="#">
						<div class="more-sel">浏览更多</div>
					</a>
				</div>
			</div>
			<div id="contacts" class="contact claerfix">
				<div class="inner">
					<div class="hs">
						<p>联系我们</p>
					</div>
					<div class="desc">
						<p>可以通过以下几种方式联系我们，完善您想要发送的信息内容</p>
					</div>
				</div>
				<div class="ct-img clearfix">
					<div class="img-3 float-left">
						<img src="img/c/adds.png" height="56px" />
						<p>江西省景德镇市浮梁县湘湖镇景德镇陶瓷大学湘湖校区</p>
					</div>
					<div class="img-3 float-left">
						<img src="img/c/tel.png" height="56px" />
						<p>+18879827377</p>
					</div>
					<div class="img-3 float-left">
						<img src="img/c/email.png" height="56px" />
						<p>842288654@qq.com</p>
					</div>
				</div>
				<div class="mail clearfix">
					<form class="forms" >
						<input class="ml-in inputs" type="text" name="name" placeholder="你的姓名" />
						<input class="ml-in inputs float-right" type="text" name="e-mail" placeholder="你的邮箱" />
						<br />
						<textarea class="ml-tx inputs" cols="45" rows="10" placeholder="你要发送的信息"></textarea>
						<br />
						<input class="ml-send inputs float-right" type="submit" value="发送" name="send"/>
					</form>
				</div>
			
			</div>
		</div>
	</body>

</html>